<template>
  <el-container>
    <el-aside width="200px">
      <el-menu
        unique-opened
        text-color="#fff"
        active-text-color="#ffd04b"
        default-active="1-1"
        background-color="#585E64"
      >
        <el-submenu index="1">
          <template slot="title">排班概览</template>
          <el-menu-item index="1-1">排班概览</el-menu-item>
        </el-submenu>
        <el-submenu index="2">
          <template slot="title">通知公告</template>
          <el-menu-item index="2-1">公告概览</el-menu-item>
          <el-menu-item index="2-2">我的公告</el-menu-item>
        </el-submenu>
        <el-submenu index="3">
          <template slot="title">割接管理</template>
          <el-menu-item index="3-1">割接概览</el-menu-item>
          <el-menu-item index="3-2">我的割接</el-menu-item>
        </el-submenu>
        <el-submenu index="4">
          <template slot="title">人员管理</template>
          <el-menu-item index="4-1">添加助理</el-menu-item>
          <el-menu-item index="4-2">运维小组</el-menu-item>
        </el-submenu>
        <el-submenu index="5">
          <template slot="title">排班管理</template>
          <el-menu-item index="5-1">班次定制</el-menu-item>
          <el-menu-item index="5-2">值班安排</el-menu-item>
        </el-submenu>
        <el-submenu index="6">
          <template slot="title">报告管理</template>
          <el-menu-item index="6-1">新建报告</el-menu-item>
          <el-menu-item index="6-2">报告列表</el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-main></el-main>
  </el-container>
</template>

<script>
export default {
  name: "Operation"
};
</script>

<style lang="scss" scoped>
.el-container {
  .el-aside {
    height: calc(100vh - 60px);
    background-color: #585e64;
    overflow-y: hidden;
    .el-menu {
      border: 0;
      .el-submenu {
        &:hover {
          background-color: #585e64;
        }
        .el-menu-item {
          background-color: #585e64;
          &:hover {
            background-color: #3f454b;
          }
        }
      }
    }
  }
  .el-main {
    padding: 16px;
    height: calc(100vh - 60px);
  }
}
</style>
